@import "app.scss";

.employee-container {
  position: relative;
  width: 100vw;
  height: 100vh;
  background: linear-gradient(180deg, #327BFD 0%, rgba(30, 73, 151, 0.00) 100%);
  display: flex;
  flex-direction: column;
  align-items: center;

  .icon {
    width: r(32);
    height: r(32);
    z-index: 9;
    position: absolute;
    right: 13px;
    bottom: 25%;
    background-color: #327BFD;
    color: #fff;
    font-size: 34px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 2px;
  }

  .van-nav-bar {
    background-color: #327BFD !important;
  }

  .van-search {
    padding: 12px 30px 0 !important;
    ;
  }

  .employeeList-warp {
    width: r(348);
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;

    .employeeList {
      overflow-y: scroll;
      border-radius: 20px;
      background-color: #fff;
      flex: 1;
      height: r(600);

      .item {
        padding: r(10) r(15);
        width: r(348);
        border-bottom: 1px solid #E5EFF8;
        display: flex;
        justify-content: space-between;

        .left {
          width: 50%;
          display: flex;
          align-items: center;

          .face {
            height: r(45);
            width: r(45);

            .face-img {
              height: 100%;
              width: 100%;
            }
          }

          .name {
            font-size: 18px;
            font-family: "Microsoft YaHei";
            margin-left: r(10);
          }
        }

        .right {
            width: 50%;
          color: #B5B5B5;
          display: flex;
          flex-direction: column;
          text-align: right;
          font-size: 14px;

          .code {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
          }
        }
      }
    }
  }
}